<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <link href="实验七.css" rel="stylesheet" type="text/css">
    <script src='实验七.js'></script>
    <title>实验七</title>
</head>
<body>
    <div class="boss1">
       <div class="d1"><p>欢迎注册无限容量的网易邮箱！邮件地址可以登录使用其他网易旗下产品。</p> </div>
       <div class="zuo">
           <table class="table1">
                <tr>
                    <td>注册字母邮箱</td>
                    <td>注册手机号码邮箱</td>
                    <td>注册VIP邮箱</td>
                </tr>
            </table>
            <table class="table2">
                <tr>
                    <td>
                        <span class="ps">*</span>
                        邮件地址
                    </td>
                    <td>
                        <input id="email" type="text"> @ 
                        <select>
                            <option>163.com</option>
                            <option>qq.com</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <img id="cw1" class="tu1" src="wrong.png"><p id="cw2" class="tj1">长度应为6-18个字符</p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="ps">*</span>
                        密码
                    </td>
                    <td>
                        <input id="pas" type="password"> 
                    </td>
                </tr>
                <tr >
                    <td colspan="2">
                        <img id="cw3" class="tu1" src="wrong.png"><p id="cw4" class="tj1">密码长度应为6-16个字符</p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="ps">*</span>
                        确认密码
                    </td>
                    <td>
                        <input type="password"> 
                    </td>
                </tr>
                <tr >
                    <td colspan="2">
                        <p class="tj2">请再次确认密码</p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span class="ps">*</span>
                        验证码
                    </td>
                    <td>
                        <input type="text"> <img class="tu2" src="yanzheng.png">
                    </td>
                </tr>
                <tr >
                    <td colspan="2">
                        <p class="ts1">请填写图片中的字符，不区分大小写</p><p class="ts2">看不清？换张图片</p>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td>
                        <input type="checkbox"><p class="hui">同意<span class="lan">“服务条款”</span>和<span class="lan">“隐私权相关政策”</span></p>
                    </td>
                </tr>
                <tr>
                    <td>
                    </td>
                    <td><input type="button" value="立即注册"></td>
                </tr>
            </table>
        </div>
        <div class="you"><img src="1.png" ></div>
    </div>
</body>
</html>